import React, {Component} from 'react';
import config from '../config.json';
import styles from './Greeter.css';
 
class Greeter extends Component{

//} 
    //    handleClick(){
      //  this.setState({<div className={styles.box} className='box'>
        //   <img src={require('../img/pb.jpg')} style={{width:'400px',height:'300px',}} />
      // </div>});
    //}
  render() {
    return (
      <div>
        <div style={{width:'100%',fontSize:'20px',backgroundColor:'black',alignSelf: 'center',padding:'20px',position: 'relative',}} >
            <span style={{color:'white',fontSize:'20px',marginLeft:'50%'}}>ALLIN</span>
        <div style={{position: 'absolute',right:'15%',top:'0px' }}>
        <ul style={{fontSize: '20px',color: 'white',padding:'20px'}}>
               <span style={{width:'40px',marginLeft:'10px',border:'1px solid red',padding:'5px',}}>现金卷</span>
               <span style={{width:'40px',marginLeft:'10px',border:'1px solid red',padding:'5px',}}>20元</span>
               <span style={{width:'40px',marginLeft:'10px',border:'1px solid red',padding:'5px',}}>30元</span>
               <span style={{width:'40px',marginLeft:'10px',border:'1px solid red',padding:'5px',}}>50元</span>
    	</ul>
        </div>
      </div>
      <nav style={{position:'relative',fontSize:'20px',textAlign:'center',}}>
         <a className={styles.navbar}>返回首页</a>
         <a className={styles.navbar}>所有宝贝</a>
         <a className={styles.navbar} style={{backgroundColor:'red',color:'white'}}>Top新款</a>
         <a className={styles.navbar} style={{backgroundColor:'red',color:'white'}}>淘抢购</a>
         <a className={styles.navbar}>棉衣区</a>
         <a className={styles.navbar}>卫衣区</a>
         <a className={styles.navbar}>外套区</a>
      </nav>
      </div>
    );
  }
}

export default Greeter